.jx-cart-content {
    background: #fff;
    height: 100vh;
    .jx-cart-header {
     .cart-text {
         color: rgb(117,117,117);
         
        icon {
           
        }
      }
   
    .cart-jg-nav {
        display: flex;
        background: rgb(255,244,226);
        margin-bottom: 0.133333rem;
        i.jg-title {
            width: 0.373333rem;
            height: 0.373333rem;
            border-radius: 50%;
            color: red;
            border: 1px solid red;
            text-align: center;
            margin-right: 0.133333rem;
          span {
            
          }
        }
      
        .title {
            color: red;
        }
      }
      .cart-content {
        .cart {
            display: flex;
            margin-bottom: 0.133333rem;
            border-bottom: 1px solid #ccc;
            height: 2.666667rem;
          .content-item-left {
              display: flex;
              align-items: center;
              justify-content: center;
              flex: 1;
              .content-wrap {
                display: block;
               width: 0.533333rem;
               height: 0.533333rem;
                border-radius: 50%;
                border: 1px solid #ddd;
            }
            .select_circle{
              display: block;
              width: 0.533333rem;
              height: 0.533333rem;
               border-radius: 50%;
               border: 1px solid #ddd;
               background: red;
            }
          }
      
          .content-item-mid {
              flex: 2;
              display: flex;
              align-items: center;
            img {
                width: 2.133333rem;
                height: 2.133333rem;
                margin-right: 0.133333rem;
                border: 1px solid #ddd;
            }
          }
      
          .content-item-right {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              
              flex: 7;
            .right-top {
                margin-top: 0.4rem;
            }
      
            span.price {
                
            }
            .right-bottom {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.333333rem;
                text-align: center;
                height: 0.533333rem;
                align-items: center;
                .bottom-left {
                    display: flex;
                    border: 1px solid #ddd;
                    width:1.5rem;
                    height: 0.533333rem;
                    align-items: center;
                .sub {
                    flex: 1;
                    border-right: 1px solid #ddd;
                    font-size: 0.426667rem;
                    
                }
      
                .num {
                    flex: 2;
                    border-right: 1px solid #ddd;
                    font-size: 0.426667rem;
                }
      
                .add {
                    flex: 1;
                    color: #666;
                    font-size: 0.426667rem;
                    
                }
            }
                    .bottom-right {
                        margin-right: 0.286667rem;
                      span {
            
                      }
                    }
      
            }
          }
        }
      }
      .cart-content-bottom {
        border-top: 1px solid #ddd;
        position: fixed;
        bottom: 1.333333rem;
        left: 0;
        width: 100%;
        display: flex;
        background: #fff;
        height: 1.333333rem;
        align-items: center;
        .all-checked {
          flex: 1;
          display: flex;
          align-items: center;
          .selectALL {
          width: 0.533333rem;
          height: 0.533333rem;
          border-radius: 50%;
          display: block;
          border: 1px solid #ddd;
          margin-left: 0.133333rem  ;
          }
          .select_all{
            width: 0.533333rem;
            height: 0.533333rem;
            border-radius: 50%;
            display: block;
            border: 1px solid #ddd;
            margin-left: 0.133333rem  ;
            background: red;
          }
          span.test {
            margin: 0 0.133333rem;
            color: #666;
          }
        }
      
        .totalPrice {
          flex: 3;
          .box1 {
            span.text1 {
              line-height: 27px;
              font-size: 16px;
              color: #252525;
            }
      
            span.price {
              color: #ff3333;
              font-size: 0.426667rem;
            }
          }
      
          .box2 {
            color: rgb(153, 153, 153);
            font-size: 0.326667rem;
            span.text2 {
      
            }
      
            span.price {
      
            }
          }
        }
      
        .pay {
          
         flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
          .text3 {
            width:2.133333rem;
            height:1.333333rem;
            text-align: center;
            line-height: 1.333333rem;
            font-size: 0.426667rem;
            background: #fd5a5b;
            color: #fff;
          }
          .text5 {
            width:2.133333rem;
            height:1.333333rem;
            text-align: center;
            line-height: 1.333333rem;
            font-size: 0.426667rem;
            background: #ddd;
            color: #fff;
          }
          .text6{
            width:2.133333rem;
            height:1.333333rem;
            text-align: center;
            line-height: 1.333333rem;
            font-size: 0.426667rem;
            background: #ddd;
            color: #fff;
          }
        }
      }
    }
          .yg-cart-img {
            .cart-ig {
                  width: 100%;
            }
        
            .title {
                text-align: center;
                font-size: 0.8rem;
              a {
                  color: var(--themeColor);
              }
            }
          }
  }
  .To-login {
    h1 {
      width: 100%;
      height: 100vh;
      font-size: 1rem;
      text-align: center;
      position: absolute;
      top: 46%;
      color: red;
    }
    h2{
      width: 100%;
      height: 100vh;
      font-size: 2rem;
      text-align: center;
      position: absolute;
      top: 34%;
      color: red;
     
    }
  }